<script type="text/javascript" src="/js/urlcheck.js"></script>
<script type="text/javascript" src="/js/sme/directory.js"></script>
<script language="javascript" src="/js/color_picker/js/colorpicker.js"></script>
<link type="text/css" href="/js/color_picker/css/colorpicker.css" rel="stylesheet" />
<script>
	// color picker
	jQuery(document).ready(function(){
		$('#txtcolor').ColorPicker(
				{
					onSubmit: function(hsb, hex, rgb, el) 
					{
						$(el).val(hex);
						$(el).ColorPickerHide();
					},
					onBeforeShow: function () 
					{
						$(this).ColorPickerSetColor(this.value);
					}
				})
	});
</script>
<div class="content_top">
<div class="cor_lf_t"></div>
<div class="cor_rt_t"></div>
</div>
<p><!--do not touch this, this is for image--></p>
<div class="container">
<form id="frmnewdirectory" name="frmnewdirectory" method="post">
<!--div id="divnewdirectory" class="container"-->	
	<h2  style="border-bottom:1px solid #f58220;color:#f58220;padding-bottom:5px;font-size:13px;">
		<strong id="pinfo">Create new directory</strong>		
	</h2>
	<br /><br />
	
	<div width="80%" style="padding-left:150px;" >
		<strong id="pinfo">What Kind of Directory are you creating?</strong>
		<br /><br />
		Directory Name 
		<input type="text" name="txtdirectoryname" id="txtdirectoryname" />
		<input type="text" name="txtcolor" id="txtcolor" />		
		<br /><br />
		<img id="imgpublic" src="/images/public.png" onclick="get_public(1);" style="cursor:pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<img id="imgprivate" src="/images/private.png" onclick="get_public(0);" style="cursor:pointer;">
		<input type="hidden" id="txtpublic" name="txtpublic" />
		<br /><br />
		Describe Briefly on what your directory is about<br />
		<input type="text" name="txtdirectorydesc" id="txtdirectorydesc" size="120"/>
		<br /><br />
		Directory Tag 
		<input type="text" name="txtdirectorytag" id="txtdirectorytag" />
		<br /><br />
		<a href="javascript:create_directory()" class="button" style="float:left;margin-right:10px;">Create</a>
		<!--a href="javascript:goto(navigation.dashboard)" class="button" style="float:left;margin-right:10px;">Create Your Directory</a-->
        <a href="javascript:goto(navigation.dashboard) " class="button" style="float:left;margin-right:10px;">Cancel</a>
	</div>	
<!--/div-->
</form>
</div>
<p><!--container--></p>
<div class="content_btm">
<div class="cor_lf_b"></div>
<div class="cor_rt_b"></div>
</div>
<p><!--do not touch this, this is for image--> <!--md_content--> <!--content--></p>
</body>
</html>